<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
	<f:view>
		<h:outputText value="Compras > Listagem" styleClass="breadcrumb"/>
		<p:commandButton value="Novo Pedido" action="#{pedidoCompraManager.preparePedidoCompra}" ajax="false" />
		<script type="text/javascript">
			$(function(){
				$(".valorTotal").maskMoney({thousands:'.', decimal:','});
			})
		</script>
		<p:dataTable value="#{pedidoCompraManager.listPedido}" 
			var="pedido" rows="5" paginator="true" paginatorPosition="top" style="width:100%">
			<p:column headerText="Pedido" style="width: 10%">
				<h:outputText value="#{pedido.numeroPedido}" />
			</p:column>
			<p:column headerText="Fornecedor" style="width: 40%">
				<h:outputText value="#{pedido.fornecedor.razaoSocial}" />
			</p:column>
			<p:column headerText="Valor" style="width: 20%">
				<h:outputText value="R$ " />
				<h:outputText value="#{pedido.valorTotalCompra}" styleClass="valorTotal">
					<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
				</h:outputText>
			</p:column>
			<p:column headerText="Data" style="width: 10%">
				<h:outputText value="#{pedido.dataCompra}">
					<f:convertDateTime pattern="dd/MM/yyyy" />
				</h:outputText>
			</p:column>
			<p:column headerText="Status" style="width: 10%">
				<h:outputText value="Finalizado" rendered="#{pedido.finalizado}" />
				<h:outputText value="Guardado" rendered="#{pedido.guardado}" />
				<h:outputText value="Cancelado" rendered="#{pedido.cancelado}" />
			</p:column>
			<p:column headerText="Ações" style="width: 10%">
				<p:commandButton icon="ui-icon-info" 
					title="Detalhes" action="#{pedidoCompraManager.showDetalhes}"
					>
					<f:setPropertyActionListener target="#{pedidoCompraManager.pedidoCompra}" value="#{pedido}"></f:setPropertyActionListener>
				</p:commandButton>
				<p:commandButton icon="ui-icon-closethick" title="Cancelar" 
					action="#{pedidoCompraManager.cancelarPedido}" update=":form"
					rendered="#{pedido.guardado}"
					>
					<f:setPropertyActionListener target="#{pedidoCompraManager.pedidoCompra}" value="#{pedido}" />
				</p:commandButton>
				<p:commandButton icon="ui-icon-check" title="Finalizar" 
					action="#{pedidoCompraManager.finalizarPedido}" 
					oncomplete="forma_pagamento_dlg.show();" update=":form_forma_pagamento"
					rendered="#{pedido.guardado}"
					>
					<f:setPropertyActionListener target="#{pedidoCompraManager.pedidoCompra}" value="#{pedido}" />
				</p:commandButton>
			</p:column>
		</p:dataTable>
	</f:view>
</html>